﻿@model Stamp_For_Africa_Version_2.ViewModels.AlbumEntryViewModel
     
<script type="text/javascript">

  function viewLargerImage(dlgId, title) {
    var jq = '#' + dlgId;
    $(jq).dialog({ width: 400, title: title, modal: true });
    return false;
  }
  
</script>     
         
<li iam="a list item" class="roundedpanel ui-widget-content" ui-corner-tr ui-draggable" style="display: list-item; width: 80px;">
  <p quantity="@Model.Collection.Quantity" albumid="@Model.AlbumId" stampid="@Model.Collection.Stamp.Id" origin=@Model.Origin></p>
  <h5 class="ui-widget-header">@Model.Collection.Stamp.DisplayName</h5>
  <img alt=@Model.Collection.Stamp.DisplayName src='@Url.Action("ShowStamp", "Stamps", new { Model.Collection.Stamp.Id })'  width="96" height="72" style="display: inline-block; height: 56px;">              
  <a onclick="return viewLargerImage('@Model.Collection.Stamp.Id', '@Model.Collection.Stamp.DisplayName')" title='@Model.Collection.Stamp.DisplayName' dlgId='@Model.Collection.Stamp.Id' href='#@Model.Collection.Stamp.Id' title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>		  
  <p style="display: inline">@Model.Collection.Quantity</p>
	@{
    var dlgId = Model.Collection.Stamp.Id.ToString();
		<div style="display: none;" id=@dlgId title=@Model.Collection.Stamp.DisplayName>
      <div style="position: relative;">
        <img alt =@Model.Collection.Stamp.DisplayName src='@Url.Action("ShowStamp", "Stamps", new { Model.Collection.Stamp.Id })' />
		  </div>
    </div>			
	}

</li>

